<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>其他表单元素</title>
</head>
<body>
<!--
    除了input标签以外,还有一些表单元素
    label标签:label元素不会向用户呈现任何视觉效果
        该标签一般与其他组件联合使用
        通过label标签的for属性与对应表单元素进行绑定
        绑定之后,点击label中的内容时焦点会出现在对应的表单元素中
    select标签:一个select标签对应一个下拉列
        每一个下拉列由无数个选项组成
    option标签:一个option标签对应下拉列中的一个选项
        标签体:文本值,在页面中展示的值
        value:服务器值,传输到服务器中的数据
        如果没有设置value,则使用文本值表示
        selected:默认选中该选项
    fieldset:为表单元素进行分组
    legend:为分组的元素添加一个标题
    button:提交按钮,效果与input标签的submit按钮一致,表示提交表单
        还可以当做input来使用,通过type指定不同类型的按钮
    textarea:多行文本域
        与单行文本框的区别在于可以写多行数据
-->
<form action="#">
    <label for="username">账号</label>
    <input type="text" id="username" name="username"><br>
    <label for="edu">学历</label>
    <select id="edu" name="edu">
        <option value="-1">--请选择--</option>
        <option value="1">高中</option>
        <option value="2" selected>大专</option>
        <option value="3">本科</option>
        <option>研究生</option>
    </select><br>
    教育背景:
    <fieldset style="width:300px;">
        <legend>大学</legend>
        学校:<input type="text"><br>
        专业:<input type="text"><br>
        班级:<input type="text"><br>
    </fieldset>
    <fieldset style="width:300px;">
        <legend>研究生</legend>
        学校:<input type="text"><br>
        专业:<input type="text"><br>
        班级:<input type="text"><br>
    </fieldset>

    请阅读以下协议:<br>
    <textarea cols="40" rows="10">
您在使用百度公司提供的各项服务之前，请您务必审慎阅读、充分理解本协议各条款内容，特别是以粗体标注的部分，包括但不限于免除或者限制责任的条款。如您不同意本服务协议及/或随时对其的修改，您可以主动停止使用百度公司提供的服务；您一旦使用百度公司提供的服务，即视为您已了解并完全同意本服务协议各项内容，包括百度公司对服务协议随时所做的任何修改，并成为我们的用户。
    </textarea><br>
    <input type="checkbox"></input>阅读并接受<a href="https://passport.baidu.com/static/passpc-account/html/protocal.html" target="_blank">协议</a><br>


    <button>提交</button>
    <button type="reset">重置</button>
    <button type="button">普通</button>
</form>
</body>
</html>